<template>
  <div class="wrapper">
    <!-- 暂时先走正确流程，之后再加字段校验 -->
    <van-nav-bar title="申请成为合伙人" left-text="返回" left-arrow @click-left="$router.go(-1)" />
    <van-cell-group>
      <van-field v-model="form.name" required clearable label="姓名" placeholder="请输入用户名" />
      <van-field v-model="form.pid" required clearable label="身份证号码" placeholder="请输入身份证号码" />
      <van-field v-model="form.mobile" required clearable label="电话" placeholder="请输入电话" />
      <van-field v-model="form.email" required clearable label="邮箱" placeholder="请输入邮箱" />
      <van-field v-model="form.wechatAccount" required clearable label="微信号" placeholder="请输入微信号" />
      <van-field v-model="form.address" required clearable label="地址" placeholder="请输入地址" />
      <van-field
        v-model="form.applyReason"
        required
        clearable
        rows="3"
        label="申请理由"
        type="textarea"
        placeholder="请输入申请理由"
      />
      <van-checkbox style="padding: 30px" v-model="applyMustKnow" ><a @click="showDetail">申请须知</a></van-checkbox>
    </van-cell-group>
    <van-cell-group>
      <van-button class="fixedBottom" :disabled ="!applyMustKnow" type="info" size="large" @click="submitApply">确定并申请</van-button>
    </van-cell-group>

    <van-popup v-model="showDes" :style="{height:'80%'}" close-icon="cross" closeable position="bottom">
      <van-panel title="申请须知">
        <div style="padding-left: 20px">
          欢迎使用国家税务总局政府信息公开在线申请平台。根据《中华人民共和国政府信息公开条例》（以下简称《条例》），除税务总局主动公开的政府信息外，公民、法人和其他组织可以依法向我局申请获取相关政府信息。为保证您及时高效获取信息，申请前请阅读以下须知：
          <br/>
          1.政府信息主动公开和依申请公开是《条例》规定的我国政府信息公开的两种基本方式，二者相辅相成。为提高效率，建议您在正式提交政府信息公开申请之前，利用首页的“搜索”功能对主动公开信息进行检索。如果没有检索到您所需政府信息，请您提交政府信息公开申请。
          <br/>
          2.本平台只受理公民、法人和其他组织的政府信息公开申请，不受理信访、咨询、举报、投诉等。如有上述需求，请通过相应渠道反映。
          <br/>
          3.为提高办理时效，方便您尽快获取信息，建议您按“一事一申请”原则，每次只申请一条政府信息。
          <br/>
          4.申请人对申请答复内容的使用应符合国家有关法律法规规定。如果申请人恶意修改和使用我局提供的信息，应承担由此产生的法律责任。
          <br/>
          5.税务总局政府信息公开指南。
          <br/>
          感谢您的支持和配合！
        </div>
      </van-panel>
    </van-popup>
  </div>
</template>

<script>
import { NavBar, Cell, CellGroup, Field ,Toast,Checkbox,Popup,Panel } from 'vant';
import { applyPartner } from '@/api/api';
export default {
  components: {
    [NavBar.name]: NavBar,
    [Checkbox.name]: Checkbox,
    [Field.name]: Field,
    [CellGroup.name]: CellGroup,
    [Cell.name]: Cell,
    [Toast.name]: Toast,
    [Popup.name]: Popup,
    [Panel.name]: Panel
  },
  props: {},
  data() {
    return {
      applyMustKnow:false,
      showDes:false,
      form: {
      }
    };
  },
  watch: {},
  computed: {},
  created() {},
  mounted() {},
  methods: {
    showDetail(){
      this.showDes=true;
    },
    submitApply(){
      applyPartner(this.form).then(res => {
        Toast.success('申请成功');
        this.$router.go(-1);
      });
    }
  }
};
</script>
<style lang="scss" scoped>
.wrapper {
  padding-bottom: 48px;
}
.fixedBottom {
  position: fixed;
  bottom: 0;
  left: 0;
}
</style>